// 用户输入内容，点击发送按钮，得到 ds 的回答展示在 output

// 1. 获取到用户输入的内容
var input = document.getElementById('input')
// 2. 给按钮绑定点击事件
var btn = document.getElementById('btn')
var output = document.querySelector('.output')


btn.addEventListener('click', async() => {
  var question = input.value
  if (question == '') {
    return
  }
  // 设置output中的内容为 思考中...
  output.innerHTML = '思考中...'

  // 将question传给 ds 
  var answer = await getAnswer(question)

  output.innerHTML = answer
})


async function getAnswer(question) {
  var endPoint = 'https://api.deepseek.com/chat/completions'
  var headers = {
    'Authorization': 'Bearer sk-be4cce713f8b42a685ee4706692d7775',
    'Content-Type': 'application/json'
  }
  var payload = {
    'model': 'deepseek-chat',
    'messages': [
      {'role': 'system', 'content': '你是一个专业的助手'},
      {'role': 'user', 'content': question }
    ],
    stream: false
  }

  // 给 ds 发请求
  var response = await fetch(endPoint, {
    method: 'POST',
    headers: headers,
    body: JSON.stringify(payload)
  })
  var data = await response.json()  // 格式化 ds 的响应

  return data.choices[0].message.content
  
}
